<style>
    .nav-pills .nav-link.active{
        color: rgba(0,0,0,.9);
        background-color: rgba(248, 249, 250);
        border-left: 2px solid #0d6efd;
        border-radius: 0;
        padding-left: 2rem!important;
    }
    .nav-pills .nav-link {
        border-left: 2px solid #fff;
        color: rgba(0,0,0,.9);
        padding-left: 2rem!important;
    }
</style>
<div class="col-md-3 col-12 pt-4">
    <div class="card border-0 bg-white shadow-sm pt-1 pb-2">
        <?php foreach($sidebars as $sidebar){ ?>
        <div class="mt-3 mb-2 bold ml-4 text-secondary fw-medium"><?=$sidebar['name']?></div>
        <div class="flex-column nav nav-pills">
            <?php foreach($sidebar['items'] as $item){ ?>
            <a href="<?=$item['url']?>" class="nav-link <?=$item['class']??''?>"><?=$item['name']?></a>
            <?php } ?>
        </div>
        <?php } ?>
    </div>
</div>
